import { defineConfig } from 'vite'
import vue from '@vitejs/plugin-vue'
//引入css响应式插件
import postCssPxToRem from "postcss-pxtorem"
import { resolve } from 'path'

// https://vitejs.dev/config/
export default defineConfig({
  plugins: [vue()],
  //路径转换，@/相当于/src
  resolve: {
    alias: {
      '@': resolve(__dirname, './src')
    }
  },
  base: './', // 打包路径
  //配置代理服务器
  server: {
    host: '0.0.0.0',
    port: 3000, // 服务端口号
    open: true, // 服务启动时是否自动打开浏览器
    cors: true, // 允许跨域
    proxy: {
      '/user': {
        target: 'http://ergou666.shop:8000',// 代理的目标地址
        changeOrigin: true,              //是否跨域
        // ws: true,                       //是否代理 websockets
        // secure: true,                   //是否https接口
        // rewrite: (path) => path.replace(/^\/user/, '')  //路径重置
      }
    }
  },
  //css响应配置
  css: {
    postcss: {
      plugins: [
        postCssPxToRem({
          rootValue: 37.5, // 1rem的大小
          propList: ['*'], // 需要转换的属性，这里选择全部都进行转换
        })
      ]
    }
  },
})
